<template>
  <h1>{{ msg }}， {{ name }}</h1>

  <button @click="sendData">子组件向父组件传递数据</button>
</template>

<script setup>
import { ref } from 'vue';

defineProps({
  msg: {
    type: String,
    required: true,
  },
  name: String
})

const age = ref(18);

// 自定义事件，返回事件触发函数
const emits = defineEmits(['e-age'])
const sendData = () => {
  // 触发事件，传递数据
  emits('e-age', age.value)
}
</script>



<style scoped>

</style>
